$.ajax({
	url: 'http://10.2.1.17:8099/EXOnline/font/carousel',
	type: 'GET',
	dataType: 'json',
	success: function(data) {
		console.log(data);
		initCarousel(data.data);
	},
	error: function(jqXHR, textStatus, errorThrown) {
		// 处理错误情况
		console.log('Error:', textStatus, errorThrown);
	}
});

function initCarousel(data) {
	// 获取轮播图的整体容器元素，使用原始的ID "carousel" 以及类名 "carousel-container"
	const carouselContainer = $('#carousel');

	// 遍历后端获取的数据，生成每个幻灯片元素，并使用原始类名和格式
	$.each(data, function(index, item) {
		// 创建幻灯片的div元素，添加原始类名 "carousel-slide"
		const slideDiv = $('<div>').addClass('carousel-slide');

		// 创建a标签元素，保持原始结构中的样子，href属性为空字符串
		const aTag = $('<a>').attr('href', '');

		// 创建img标签元素，设置src属性为后端获取的图片地址，添加原始类名 "carousel-img"，并设置alt属性
		console.log(item.url);
		const img = $('<img>').attr('src', item.url).attr('alt', `Slide ${index + 1}`).addClass('carousel-img');

		// 将img元素添加到a标签中
		aTag.append(img);

		// 将包含img的a标签添加到幻灯片的div元素中
		slideDiv.append(aTag);

		// 将幻灯片的div元素添加到轮播图的整体容器中
		carouselContainer.append(slideDiv);
		console.log(carouselContainer);
	});
	
	
	// 创建上一张按钮元素
	    const prevButtonDiv = $('<div class="carousel-control-t prev"></div>');
	    const prevButtonLink = $('<a class="carousel-control prev" href="#"></a>');
	    prevButtonLink.html('&lt;');  // 使用html方法设置 < 符号（需要转义）
	    prevButtonDiv.append(prevButtonLink);
	
	    // 创建下一张按钮元素
	    const nextButtonDiv = $('<div class="carousel-control-t next"></div>');
	    const nextButtonLink = $('<a class="carousel-control next" href="#"></a>');
	    nextButtonLink.html('&gt;');  // 使用html方法设置 > 符号（需要转义）
	    nextButtonDiv.append(nextButtonLink);
	
	    // 创建轮播图指示器容器元素
	    const indicatorsContainer = $('<div class="carousel-indicators"></div>');
	
	    // 将上一张按钮元素添加到carouselContainer
	    carouselContainer.append(prevButtonDiv);
	    // 将下一张按钮元素添加到carouselContainer
	    carouselContainer.append(nextButtonDiv);
	    // 将指示器容器元素添加到carouselContainer
	    carouselContainer.append(indicatorsContainer);
	

	
}